<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<head>
	<meta charset="utf-8">

	<title>ViajarFacil.com</title>
	<meta name="Projeto de MC436" content="">
	<meta name="Eduardo Sonnino, Luisa Madeira, Vinicius Felizardo, Fernando Shikanai, Danilo Pereira" content="">

	<!-- Carrega CSS -->
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css">
	<link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.16.custom.css">

	<!-- Carrega Modernizr -->
	<script src="js/libs/modernizr-2.0.min.js"></script>

	<!-- Carrega JavaScript -->
	<script src="jquery/1.6.2/jquery.min.js"></script>
	<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
	<script src="js/libs/jquery-ui-1.8.16.custom.min.js"></script>
	<script src="js/script.js"></script>
	<script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<script src="js/datepicker.html"></script>
	<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

	<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon" />
	
</head>
<body>

<!-- Header -->
<header style="background-image:url(img/placeholders/1280x1024/8.jpg);">

	<div class="container_12">

		<!-- Titulo e Menu -->
		<div id="panel" class="grid_12">

			<!-- Barra Titulo -->
			<h1><a href="index.html"><img src="img/logo.png" alt="" /></a></h1>

			<!-- Menu -->
			<nav>
				<ul>
					
			  <li>
						<a href="">Alunos</a>
						<ul>
							<li><a href="">Danilo Pereira</a></li>
						  <li><a href="">Eduardo Sonnino</a></li>
                            <li><a href="">Fernando Shikanai</a></li>
                            <li><a href="">Luísa Madeira</a></li>
                          <li><a href="">Vinícius Felizardo</a></li>
						</ul>
					</li>
					<li>
						<a href="login.html">Login</a>
					</li>
				</ul>

				<!-- Busca -->
				<form action="#" class="black">
					<input name="Search" type="text" placeholder="Busca..." />
					<input type="submit" />
				</form>
			</nav>
		
		</div>

	</div>

	<!-- Heading -->
	<h2>Hotel Bay Sands</h2>

</header>

<!-- Main content -->
<div class="container_12">

	<!-- Description -->
	<section class="description results_wide grid_12">

		<a href="img/placeholders/800x600/8.jpg" class="main_image fancybox"><img src="img/placeholders/300x200/8.jpg" alt="" /></a>

		<div>
			<span>
				<span class="boxed"><a href="#">Singapura</a></span>
			</span>
			<span>
				<span class="stars boxed">
					<img src="img/star_white_full.png" alt="" />
					<img src="img/star_white_full.png" alt="" />
					<img src="img/star_white_full.png" alt="" />
					<img src="img/star_white_full.png" alt="" />
					<img src="img/star_white_full.png" alt="" />
				</span>
			</span>
			<span>Tudo incluso</span>
			<span>Bem-Estar</span>
			<span>Cassino</span>
		</div>

		<p> Um dos mais chiques hotéis dde Singapura: os hóspedes podem ser recolhidos no aeroporto em Rolls Royce, e os quartos com paredes de vidro possuem uma vista fabulosa de Singapura. No último andar, e também cobertura do hotel, funciona um dos melhores restaurantes da cidade. Diária a partir de R$ 400, para duas pessoas. </p>
	</section>

	
	<div class="clearfix"></div>
	<hr class="dashed grid_12" />

	
	
	
	<section class="text padded_left grid_8">
		<h3 class="text_big">Sands Skypark - Experimente a melhor vista de Singapura</h3>
		<p> Alongamento maior do que a torre Eiffel, com um impressionante 12,4 mil metros quadrados de espaço, o Skypark Sands pode receber até 3.900 pessoas. </p>
		<p> <span onmouseover="_tipon(this)" onmouseout="_tipoff()">O espaco que desafia a gravidade é uma das maiores de seu tipo no mundo.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()">A partir desta plataforma de observação privilegiado, centenas de visitantes de cada vez podem deleitar os olhos com a vista panorâmica inesquecível de Singapura</span></p>
		<p>&nbsp;</p>
	</section>
    
    <!-- Video -->
	<section class="video grid_4">
		<iframe src="http://player.vimeo.com/video/13060155?color=ffffff"></iframe>
	</section>
    

<div class="clearfix"></div>
	<hr class="dashed grid_12" />

	<!-- Reservation form -->
	<section class="search_box sidebar grid_4">

		<h2>
			<span data-form="find_hotel">Faça uma reserva</span>
		</h2>

		<!-- Find a hotel form -->
		<form action="#" data-form="find_hotel" class="black">

			<div class="half">
				<label>Check in</label>
				<input type="text" name="check_in" class="date" value="11/23/2011" />
			</div>

			<div class="half last">
				<label>Check out</label>
				<input type="text" name="check_out" class="date" value="11/23/2011" />
			</div>

			<div class="half">
				<label>Hospedes</label>
				<input type="text" name="guests" value="2" />		
			</div>

			<div class="half last">
				<label>Quartos</label>
				<input type="text" name="rooms" value="1" />		
			</div>

			<input type="submit" value="Busca">

		</form>

	</section>

	<!-- Map -->
	<section class="map grid_4">
		<script>
			$(function() {
				markers = "Marina Bay Sands, Singapore"; // Set the address for marker
				$("a#map").attr("href", "http://maps.google.com/maps?q=" + escape(markers)).html("<img />");
				$("a#map img").attr("src", "http://maps.google.com/maps/api/staticmap?markers=" + escape(markers) + "&size=300x250&sensor=false");
			});
		</script>
		<a href="#" id="map"></a>
	</section>

	<!-- Similar hotels -->
	<section class="similar_hotels grid_4">
		
		<h2 class="section_heading">Sugestões</h2>
		<ul>
			<li>
				<a href="#" class="thumb"><img src="img/placeholders/40x40/8.jpg" alt="" /></a>
				<h3><a href="#">Marina Bay Sands</a></h3>
				<span class="stars">
					<img src="img/star_full.png" alt="" />
					<img src="img/star_full.png" alt="" />
					<img src="img/star_full.png" alt="" />
					<img src="img/star_full.png" alt="" />
					<img src="img/star_full.png" alt="" />
				</span>
				<div>
					<span><a href="#">Barcelona</a></span>
					<span><strong>R$4990</strong> / 10 noites</span>
				</div>
			</li>
			<li>
				<a href="#" class="thumb"><img src="img/placeholders/40x40/1.jpg" alt="" /></a>
				<h3><a href="#">Club Med RDP</a></h3>
				<span class="stars">
					<img src="img/star_full.png" alt="" />
					<img src="img/star_full.png" alt="" />
					<img src="img/star_full.png" alt="" />
					<img src="img/star_full.png" alt="" />
					<img src="img/star_empty.png" alt="" />
				</span>
				<div>
					<span><a href="#">Rio de Jan.</a></span>
					<span><strong>R$6000</strong> / 15 noites</span>
				</div>
			</li>
			<li>
				<a href="#" class="thumb"><img src="img/placeholders/40x40/2.jpg" alt="" /></a>
				<h3><a href="#">Club Med Singapore</a></h3>
				<span class="stars">
					<img src="img/star_full.png" alt="" />
					<img src="img/star_full.png" alt="" />
					<img src="img/star_full.png" alt="" />
					<img src="img/star_full.png" alt="" />
					<img src="img/star_empty.png" alt="" />
				</span>
				<div>
					<span><a href="#">Singapura</a></span>
					<span><strong>R$7899</strong> / 19 noites</span>
				</div>
			</li>
		</ul>
		
	</section>

	<div class="clearfix"></div>
	<hr class="dashed grid_12" />

	
	<section class="text grid_4">
		<h3>Quartos</h3>
		<p> <span onmouseover="_tipon(this)" onmouseout="_tipoff()">Marina Bay Sands oferece quatro tipos diferentes de quartos: Deluxe, Premier, Grand e  Quarto Club.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()">O hospede pode escolher entre uma variedade de espaços confortáveis, que incluem acesso exclusivo ao icônico Sands Skypark e acesso gratuito à Internet de alta velocidade.</span></p>
	</section>

	
<section class="text grid_4">
		<h3>Saboreie as terapias de massagem asiática</h3>
		<p>Mergulhe em uma matriz de massagens indulgente projetado para acalmar os seus sentidos e do corpo. Deixe o poder de cura das mãos melhorar a sua circulação, acalme sua mente e nutrir seu espírito. Escolha um dos nossos Mistura da Ásia, Bali, Ilha de Orvalho, Lomi Lomi, Sukhothai, Touch,  Tender, Back,  e massagens Banyan nos pés .

</p>
	</section>

	
	<section class="text grid_4">
		<h3>Centro de Convencoes</h3>
		<p> <span onmouseover="_tipon(this)" onmouseout="_tipoff()">Redefinindo a  experiência de reunião, e reforçando ainda mais a reputação de Singapura como uma das melhores cidades da Ásia para realizar uma convenção.</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()">O Sands Expo and Convention Center não é apenas o maior centro de exposições de Cingapura e mais flexível e local da reunião, mas apresenta o maior hotel da ilha também.</span></p>
	</section>
	
</div> 
 
 	<!-- Footer -->
	<footer><div class="container_12">
		
		<p class="address grid_4">
			<strong>ViajarFacil.com</strong><br />
			<span>Projeto Final de MC436</span><br />
            <span>Universidade Estadual de Campinas</span><br />
		</p>

		<p class="copyright grid_8">
			© 2011 Grupo5 MC436
	  </p>

	</div></footer>



	
</body>
</html>
